.read {
  width: 100%;
  box-sizing: border-box;
  .btn-page{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-top: 2rpx solid var(--border-gray);
    background-color: var(--bgc-white);
    >view{
      flex: 1;
      display: flex;
      justify-content: center;
      align-self: center;
      font-size: 40rpx;
    }
  }
  .read-box{
    box-sizing: border-box;
    width: 100%;
    height: 100vmax;
  }
  .g-book {
    width: 100%;

    h1 {
      font-size: 40rpx;
      color: red;
    }

    p {
      margin: 10rpx !important;
    }
  }
}

.book-set {
  .book-set-all{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
  .set-chapter {
    display: flex;
    box-sizing: border-box;
    padding: 20rpx;
    justify-content: space-between;
    font-size: 36rpx;
  }

  .set-bg {
    padding: 10rpx 20rpx;
    display: flex;
    margin-top: 10rpx;
    align-items: center;
    justify-content: space-between;

    .bg {
      width: 140rpx;
      height: 55rpx;
      border-radius: 999rpx;
      border: 6rpx solid transparent;
      transition: .3s;

      &.active {
        border-color: var(--bgc-yellow);
      }
    }
  }

  .set-font {
    display: flex;
    padding: 10rpx 20rpx;
    margin-top: 10rpx;
    justify-content: space-between;

    .ft {
      width: 300rpx;
      height: 55rpx;
      background-color: #e2d6c4;
      border-radius: 999rpx;
      text-align: center;
      font-size: 32rpx;
      line-height: 55rpx;
    }

    .add {
      font-size: 36rpx;
      font-weight: 550;
    }
  }

  .set-page {
    display: flex;
    padding: 10rpx 20rpx;
    margin-top: 10rpx;
    display: flex;
    justify-content: space-between;

    .card {
      width: 250rpx;
      height: 55rpx;
      border: 6rpx solid transparent;
      text-align: center;
      line-height: 55rpx;
      font-size: 36rpx;
      border-radius: 999rpx;

      &.active {
        border-color: var(--bgc-yellow);
      }
    }

  }
}